/**
 * _Base
 *
 * _Base定义基本样式
 * 注: 如果使用第三方UI框架如antd-mobile，应考虑双方的冲突及整合(另有_normalize文件)
 */

*,
*::before,
*::after
  box-sizing: inherit
html
  box-sizing: border-box
  font-size: $html-font-size px
  line-height: $html-line-height!important
  -webkit-tap-highlight-color: transparent
//**************************************

//**************************************
body
  background: $body-bg
  color: $body-font-color
  font-family: $body-font-family
  font-size: $font-size
  overflow-x: hidden
  text-rendering: optimizeLegibility

// a
//   color: $link-color
//   outline: none
//   text-decoration: none
//   &:focus
//     control-shadow()
//   &:focus, &:hover, &:active, &.active
//     color: $link-color-dark
//     text-decoration: underline
//   &:visited
//     color: $link-color-light

// Typography
// Headings
h1,
h2,
h3,
h4,
h5,
h6
  color: inherit
  font-weight: 500
  line-height: 1.2
  margin-bottom: 0.5em
  margin-top: 0
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
  font-weight: 500
h1,
.h1
  font-size: 2rem
h2,
.h2
  font-size: 1.6rem
h3,
.h3
  font-size: 1.4rem
h4,
.h4
  font-size: 1.2rem
h5,
.h5
  font-size: 1rem
h6,
.h6
  font-size: 0.8rem
img
  max-width: 100%
// Paragraphs
p
  margin: 0 0 $line-height
// Semantic text elements
a,
ins,
u
  text-decoration-skip: ink edges
abbr[title]
  border-bottom: $border-width dotted
  cursor: help
  text-decoration: none

// Label base style
/*mixin*/label-variant($color = $light-color, $bg-color = $primary-color)
  background: $bg-color
  color: $color
kbd
  border-radius: $border-radius
  line-height: 1.25
  padding: 0.1rem 0.2rem
  label-variant($light-color, $dark-color)
  font-size: $font-size-sm
mark
  label-variant($body-font-color, $highlight-color)
  border-bottom: $unit-o solid darken($highlight-color, 15%)
  border-radius: $border-radius
  padding: $unit-o $unit-h 0
// Blockquote
blockquote
  border-left: $border-width-lg solid $border-color
  margin-left: 0
  padding: $unit-2 $unit-4
  p:last-child
    margin-bottom: 0
// Lists
ul,
ol
  margin: $unit-4 0 $unit-4 $unit-4
  padding: 0
  ul,
ol
    margin: $unit-4 0 $unit-4 $unit-4
  li
    margin-top: $unit-2
ul
  list-style: disc inside
  ul
    list-style-type: circle
ol
  list-style: decimal inside
  ol
    list-style-type: lower-alpha
dl
  dt
    font-weight: bold
  dd
    margin: $unit-2 0 $unit-4 0
